<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>个人的资料的demo</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
    <script src="main.js"></script>

 <style>
 *{
     margin:0;
     padding: 0;

 }
 .box{
			   	  width:208px;
			   	  height:383px;
			   	  border: 1px solid #CECECE;

			   	  margin: 20px auto;
			   }

			   .title{
			   	 height: 25px;
			   	 background-color: #ECEDEE;
			   	 line-height: 25px;
			   }

			   h4{
			   	   margin-left: 9px;
			   }

			   .photo{
			   	   width:180px;
				   height: 180px;
				   border: 1px solid #ECEDEE;

				   margin: 5px auto;
			   }

			   .weibo{
			   	  text-align: center;

			   	  border-bottom: 1px dashed #D1D1D1;

			   	  padding-bottom:10px;
			   }

			   .weibo input{
			   	    height: 24px;
			   	    width: 70px;
			   	    background: url("vb.jpg") no-repeat;
			   }
			.friend{
				 text-align: center;
			}
			.friend input{
				 width: 69px;
				 height: 23px;
				 margin-top:5px;
				
			}

 </style>

</head>
<body>
    <div class="box">
     <div class="title">
       <h4>个人资料</h4>
     
     </div>
   
     <div class="photo">
          
        <img src="12.jpg" title="">
     </div>

     <div>
         <span>
             闪闪
         </span>
         <img src="v.jpg" alt="">

         <input type="button" value="微博">

     </div>
  <div class="frilend">

    <input type="text" value="加好友">
    <input type="text" value="加好友">
    <input type="text" value="加好友">
    <input type="text" value="加好友">


    
  </div>
   





    </div>
</body>
</html>